
body{
    height: 100vh;
}
/* 顶部栏部分 Start */
.header {
    height: 1.74219rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: white;
    z-index: 200;
}

/* 顶部栏部分 End */

/* 内容部分 Start */
.body {
    flex: 1;
    background: #f7f8fa;
    padding: 1.74219rem .1rem .6rem;
    width: 100vw;
    display: flex;
    flex-direction: column;
    position: relative;
}


/* 新闻部分 Start */
.new {
    width: 100%;
    height: .44rem;
    padding: .05rem .15rem 0rem;
    margin-top: .1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new p {
    font-size: .15rem;
    color: #1d2129;
    padding-left: .05rem;
    letter-spacing: .0005rem;
}

/* 新闻部分 End */

/* 导航栏部分 Start */
.nav {
    width: 100%;
    height: .8rem;
    margin-top: .1rem;
    padding: 0rem .1rem;
    font-size: .12rem;
    color: rgb(29, 33, 41);
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
}

.nav .item {
    width: .67rem;
    height: 100%;
}

.nav a {
    display: flex;
    width: 100%;
    height: 100%;
    flex-flow: column;
    /* border: 1px solid; */
    align-items: center;
    justify-content: center;
}

.nav .item span {
    font-size: .3rem;
}

.nav .item:first-of-type span {
    color: #ffb357;
}

.nav .item:nth-of-type(2) span {
    color: #689fff;
}

.nav .item:nth-of-type(3) span {
    color: #50d266;
}

.nav .hot {
    color: #dd5325;
    position: absolute;
    top: .06rem;
    width: .22rem;
    height: .22rem;
    left: 50%;
    margin-left: .13rem;
}

.nav .hot span {
    font-size: .22rem;
}

/* 导航栏部分 End */

/* 功能部分 Start */
.function {
    width: 100%;
    height: 1.6425rem;
    margin-top: .1rem;
    padding: 0rem .1rem;
    font-size: .18rem;
}

.function .item {
    height: .5475rem;
    width: 100%;
}

.function a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    padding: .13rem .08rem;
}

.function .item+.item {
    border-top: .01rem solid #f2f4f6;
    ;
}

.function .item .left {
    width: 1.07rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.function .item .right {
    height: 100%;
    text-align: center;
    width: .25rem;
}

.function .item span {
    font-size: .25rem;
}

/* 功能部分 End */

/* 微信弹窗部分 Start */
.background{
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 200;
    background: rgba(30,35,42,.5);
}
.weixin{
    height: 1.927rem;
    position: fixed;
    /* border: 1px solid; */
    padding: .08rem .1rem;
    left: 5%;
    right: 5%;
    top: 35%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.weixin a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: .2rem;
    width: .2rem;
    align-self: flex-end;
}

.weixin a span{
    font-size: .2rem;
    color: #000;
}
/* 微信弹窗部分 End */

/* 内容部分 End */

/* 底部栏部分 Start */
.footer {
    height: .5rem;
    background-color: white;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    font-size: .12rem;
    right: 0;
    justify-content: space-around;
    z-index: 230;
}

.footer .item {
    width: .75rem;
    height: 100%;
}

.footer .item a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.footer .item span {
    font-size: .25rem;
}

.footer .item.active a {
    color: rgb(219, 84, 47);
}

/* 底部栏部分 End */